<template>
    <div>
        <!-- 显示用户信息 -->
        <div class="user-info">
            <img :src="userStore.userInfo.userPic" alt="头像">
            <p>用户名：{{ userStore.userInfo.username }}</p>
            <p>昵称：{{ userStore.userInfo.nickname }}</p>
            <span></span>
        </div>
    </div>
    <button @click="handleLogout">退出登录</button>

</template>

<script setup>
defineOptions({
    name: 'indexpagePages'
})

import { useUserStore } from "@/stores/user";
import { useRouter } from "vue-router"
// 获取 user store 实例
const userStore = useUserStore();
const router = useRouter();

// 可以直接使用 userStore.userInfo 获取用户信息
// 可以使用 userStore.token 获取 token

const handleLogout = () => {

// 清除用户数据

userStore.clearUserInfo();

router.push('/login');



}
</script>
